<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <!--用canvas画一个圆-->
    <!--在一个300*300的canvas（id为“myCanvas“）上，以坐标点（150, 150）为圆心，100为半径，-->
    <!--画一个边框色为#4d4e53，填充色为#6a83ff的圆。-->
</head>
<body>
<canvas id="myCanvas" width="300px" height="300px"></canvas>
<script type="text/javascript">
    var canvas = document.getElementById("myCanvas")
    var ctx = canvas.getContext("2d");

    ctx.beginPath();
    ctx.arc(150, 150, 100, 0, Math.PI*2);
    ctx.strokeStyle = "#4d4e53";
    ctx.lineWidth = 5;
    ctx.fillStyle = "#6a83ff";
    ctx.fill();
    ctx.stroke();
</script>
</body>
</html>